<template>
<div class="desc">
    <div class="desc-tab">
        <ul>
          <li>
            <router-link  v-bind:to="'/detail/'+$route.params.cmmdtyCode+'/'+$route.params.supplierCode+'/vdetails/imgdetail'" replace>
                图文详情
            </router-link>
          </li>
          <li>
            <router-link  v-bind:to="'/detail/'+$route.params.cmmdtyCode+'/'+$route.params.supplierCode+'/vdetails/parameter'" replace>
               规格参数
            </router-link>
          </li>
          <li>
            <router-link  v-bind:to="'/detail/'+$route.params.cmmdtyCode+'/'+$route.params.supplierCode+'/vdetails/aftermarket'" replace>
               包装售后
            </router-link>
          </li>
        </ul>
    </div>
    <router-view></router-view>
     
</div>  
   
</template>

<script>
export default {
    data(){
      return {
         
      }
    },
    created(){
       
       
    },

    components: {
      
    }
    
}
 
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .desc {
    height: 23.5rem;
  }
  .desc-tab ul {
    width: 11.52rem;

    margin: 0 auto;
    overflow: hidden;
}
.desc-tab ul li {
    float: left;
    width: 33%;
    line-height: 1.76rem;
    text-align: center;
    margin: 0;
}
.desc-tab ul li a {
  color: #000;
}
.desc-tab ul li a.router-link-active {
    color: #FA0;
}

</style>
